<template>
  <div >
    <div class="loginav">
      <div class="loginbox card">

        <div class="logo">超级数据平台登录</div>
        <ul class="logininput">
          <li>
            <i><img src="images/icon1.png"></i>
            <input class="forminput" value="" type="text" placeholder="用户名">
          </li>
          <li>
            <i><img src="images/icon2.png"></i>
            <input class="forminput" type="password" value="" placeholder="密码">
          </li>
          <li>
            <i><img src="images/icon3.png"></i>
            <input class="forminput" type="text" value="" placeholder="验证码" style="width: calc(100% - 130px)">
            <img src="images/yzm.jpg" class="yzmimg">
          </li>
          <li>
            <div class=" flex1" style="padding: 0 0 15px 10px; ">
              <label> <input type="checkbox" checked class="aui-checkbox">&nbsp;记住密码</label>
              <a href="忘记密码1.html" class="text-primary"> 忘记密码？</a>
            </div>
          </li>
          <li>
              <a href="" class="btn btnblock btn-lg btn-block btn-primary">登录</a>
          </li>
        </ul>

      </div>
    </div>
<!--    <div class="copyright">-->
<!--      版权所有：All Right By <a href="http://www.bootstrapmb.com">Reserved</a> 2022-2022-->
<!--    </div>-->
    <div id="holder" class="container"></div>
  </div>


</template>


<script>

import '@/utils/waves.js'



export default {
  name: 'HelloWorld',
  props: {

  },
  mounted() {
    var waves = new Waves('#holder', {
      // fps: true,
      waves: 3,
      width: 300,
    });
    waves.animate();
  },
  created() {
    this.test()

  },

  methods: {

  }
}



</script>


<style scoped>
@import "@/assets/styles/style.css";

</style>
